<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link href="roulette.css" rel="stylesheet" type="text/css" />
<script src="scripts/jquery-1.8.1.min.js"></script>
<script src="scripts/index.js"></script>
<script src="scripts/login.js"></script>
<title>Saxion Roulette Lobby</title>
</head>
<body>
	<header>
		<div id="headerImage"><img id="saxionLogo" src="images/saxionlogo.jpg"/></div>
		<div id="title">Saxion Roulette Lobby</div>
			<div id="login">
					Username: <input type="text" value="" id="username"><br /> 
					Password: <input type="password" value="" id="password"><br />
					<button id="loginButton" onclick="login()">Log in!</button>
			</div>
			<div id="loggedOn" style="display:none">
		</div>
	</header>

	<div id="body">
		<div id="tableInfo">
			<div id="tableInfoDetail">Select a table!</div>			
		</div>
		<div id="table1"><img id="rouletteWheel" src="images/roulettewheel.jpg"/>Table 1</div>
		<div id="table2"><img id="rouletteWheel" src="images/roulettewheel.jpg"/>Table 2</div>
		<div id="table3"><img id="rouletteWheel" src="images/roulettewheel.jpg"/>Table 3</div>
		<div id="table4"><img id="rouletteWheel" src="images/roulettewheel.jpg"/>Table 4</div>
		<div id="table5"><img id="rouletteWheel" src="images/roulettewheel.jpg"/>Table 5</div>
		<div id="table6"><img id="rouletteWheel" src="images/roulettewheel.jpg"/>Table 6</div>
	</div>
</body>
</html>